<!DOCTYPE HTML>
<html>
<head>
    <meta content="text/html; charset=utf-8"/>
    <title>Фотогалерея</title>
    <?= HTML::script("media/js/jquery-1.10.2.min.js") ?>
    <?= HTML::script("media/js/lightbox-2.6.min.js") ?>
    <?= HTML::script("media/js/welcome.js") ?>
    <?= HTML::style("media/css/lightbox.css") ?>
    <?= HTML::style("media/css/screen.css") ?>
</head>

<body>
<?= HTML::anchor("welcome/add", "Добавить фото") ?>

<div style="margin: 0 auto;width:570px;height: 920px;position:relative">
    <div id="gallery">
        <?php
        $i=1;
        foreach ($pictures as $picture) {
            ?>
            <div class="element num-<?=$i?>" id="element-<?=$i?>">
                <?=
                HTML::anchor($picture->file_path, HTML::image($picture->file_path_min, array('alt' => $picture->text, 'title' => $picture->text, 'class' => 'example-image')),
                    array('class' => 'example-image-link', 'data-lightbox' => 'example-1'))?>
            </div>
        <?php
            $i++;
        }
        ?>
    </div>
    <?= Form::hidden('offset', '0', array('id' => 'offset')) ?>
    <?= Form::hidden('count', $count, array('id' => 'count')) ?>

    <div id="loading_gif" style="display:none;position:absolute;top: 340px;left: 260px;">
        <?= HTML::image("media/css/images/loading.gif", array('title' => "Загрузка")) ?>
    </div>
</div>
<div style="margin: 0 auto;width:200px;">
    <div style="width:100px;float:left">
        <?=
        HTML::anchor("#", HTML::image("media/css/images/prev.png", array('title' => "Предыдущий")),
            array('onClick' => "Jump(0);"))?>
    </div>
    <div style="width:100px;float:left">
        <?=
        HTML::anchor("#", HTML::image("media/css/images/next.png", array('title' => "Следующий")),
            array('onClick' => "Jump(1);"))?>
    </div>
</div>
</body>
</html>